<template>
	<main class="flex-center auth-container">
		<img class="auth-container__logo" src="//vip.qvmh.cn/./tmpImg//3ef2486674a035c9c2b5f81faf49373c.png" alt="logo" />
		<section class="auth-container__content">
			<router-view />
		</section>
	</main>
</template>

<style lang="scss">
.auth-container {
	font-size: 14px;
	color: #595961;
	flex-direction: column;
	height: 100vh;
	min-height: 680px;
	overflow-y: auto;
	background: url('//weidogstest.oss-cn-beijing.aliyuncs.com/949c6004e2ceb22f5fde1f650befa0fa.png') top left no-repeat;
	background-size: auto 100%;
	position: relative;

	&__logo {
		display: block;
		height: 32px;
		margin: -32px auto 24px;
	}
	&__content {
		box-sizing: border-box;
		width: 380px;
		height: 510px;
		padding: 30px 30px 40px;
		background: #fff;
		box-shadow: 0 20px 30px 0 rgb(63 63 65 / 6%);
		border-radius: 10px;
	}

	.el-link {
		--el-link-text-color: #9797a1;
	}

	.el-form-item {
		height: 40px;
		margin-bottom: 30px;
		border-bottom: 1px solid #e3e3e3;
	}
	.el-form-item__label {
		height: 40px;
		line-height: 40px;
	}
	.el-form-item__error {
		padding: 6px 0 0 10px;
	}
	.el-input__wrapper {
		box-shadow: none !important;
	}
}
</style>
